<template>
  <div class="authen">
    <div></div>
    <span>请通过站点网址访问</span>
    <button @click="testCode">code</button>
  </div>
</template>

<script>
import Vue from "vue";
// import { mapMutations, mapActions } from "vuex";
import settings from "@/settings";
export default Vue.extend({
  head() {
    return {
      title: "提示"
    };
  },
  data() {
    return {
      redirect: ""
    };
  },
  created() {},
  mounted() {},
  methods: {
    testCode() {
      window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx9c0405ce1a9d3723&redirect_uri=https://yftx-map-test.xailife.com/authen&response_type=code&scope=snsapi_base&state=0&component_appid=${settings.componentAppid}#wechat_redirect`;
    }
  }
});
</script>

<style>
.authen {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.authen div {
  position: absolute;
  top: 2.38rem;
  left: 2.7rem;
  width: 1.82rem;
  height: 2.16rem;
  background: url("")
    no-repeat 0 0;
  background-size: 100% 100%;
}
.authen span {
  position: absolute;
  top: 5.22rem;
  width: 7.5rem;
  text-align: center;
  height: 0.56rem;
  font-size: 0.4rem;
  font-weight: 550;
  color: #000000;
  line-height: 0.56rem;
  font-family: PingFangSC-Regular, PingFang SC;
}
</style>
